import React from 'react';
import { Steps, Divider } from 'antd';

const { Step } = Steps;

export default class Demo extends React.Component {
  state = { current: 0 }

  render() {
    const { current } = this.state;
    return (
      <div>
        <Steps current={current} onChange={current=>this.setState({ current })}>
          <Step title="步骤 1" description="This is a description." />
          <Step title="步骤 2" description="This is a description." />
          <Step title="步骤 3" description="This is a description." />
        </Steps>

        <Divider />

        <Steps current={current} onChange={current=>this.setState({ current })} direction="vertical">
          <Step title="步骤 1" description="This is a description." />
          <Step title="步骤 2" description="This is a description." />
          <Step title="步骤 3" description="This is a description." />
        </Steps>
      </div>
    );
  }
}
